* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo Regular'), local('Cairo-Regular'),
    url('https://fonts.googleapis.com/css2?family=Cairo:wght@400&display=swap') format('woff2');
  /* هنا يمكنك تغيير وحدة الرقمية 400 إذا كنت تحتاج إلى وزن الخط مختلفًا */
  font-display: swap;
}
.row {
  padding: 1.3rem 0;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

nav {
  /*background: rgb(251, 241, 255);*/
  background: var(--main-color);
  /* State when the navbar is collapsed */
  /* when navigation is clicked */
  /* Color of 3 lines */
}
nav .logo {
  height: 20vh;
}
nav .navbar-toggler {
  margin-left: auto;
}
nav .navbar-toggler {
  width: 20px;
  height: 20px;
  position: relative;
  transition: 0.5s ease-in-out;
}
nav .navbar-toggler,
nav .navbar-toggler:focus,
nav .navbar-toggler:active,
nav .navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
  border: 0;
  position: relative;
}
nav .navbar-toggler span {
  margin: 0;
  padding: 0;
}
nav .toggler-icon {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--button-color);
  border-radius: 1px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
nav .middle-bar {
  margin-top: 0px;
}
nav .navbar-toggler.collapsed .top-bar {
  position: absolute;
  top: 0px;
  transform: rotate(0deg);
}
nav .navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  position: absolute;
  top: 10px;
  filter: alpha(opacity=100);
}
nav .navbar-toggler.collapsed .bottom-bar {
  position: absolute;
  top: 20px;
  transform: rotate(0deg);
}
nav .navbar-toggler .top-bar {
  top: inherit;
  transform: rotate(135deg);
}
nav .navbar-toggler .middle-bar {
  opacity: 0;
  top: inherit;
  filter: alpha(opacity=0);
}
nav .navbar-toggler .bottom-bar {
  top: inherit;
  transform: rotate(-135deg);
}
/*nav .navbar-toggler.collapsed .toggler-icon {*/
/*  background: linear-gradient(263deg, rgb(252, 74, 74) 0%, rgb(0, 212, 255) 100%);*/
/*}*/

.main-title {
  background: rgb(251, 241, 255);
}
.lang .btn,.lang .dropdown-item:hover{
     /*background: #FF99A8;*/
     background: var(--button-color);
     color: #fff;
}

.wrapper {
  margin: auto;
  /*background: #FF99A8;*/
  background: var(--main-color);
  color:var(  --header-footer-color);
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.menu .nav.nav-underline {
  /*justify-content: center;*/
  overflow-x:auto;
  text-align: center;
}
.menu .nav.nav-underline::-webkit-scrollbar {
  display: none; 
}
.menu .nav.nav-underline .nav-item .nav-link {
  width: 135px;
  font-size: clamp(1rem, 0.9126rem + 0.2427vw, 1.125rem);
  /*color: #FF99A8;*/
  color: var(--menu-font-color);
}
.menu .nav.nav-underline .nav-item .nav-link.active {
  color: #FF99A8;
  /*border-color: #FF99A8;*/
  color: var(--menu-font-color);
}

.menu-list button {
  display: block;
  font-size: 2rem;
  padding: 20px 20px 20px 20px;
}

.menue-header {
  /*width: 250px;*/
  position: relative;
  margin: 0 auto 20px;
  padding: 10px 40px;
  text-align: center;
  /*background-color: #FF99A8;*/
  background-color: var(--main-color);
  color:var(--titles-color);

}

.table > :not(caption) > * > * {
  border: 0;
  padding: 0;
}
.table tr{
    border-bottom: 20px solid #80808038;
}
.table tr td .btn {
  font-size: clamp(1rem, 0.9126rem + 0.2427vw, 1.125rem);
}

.m-price {
  /*color: #FF99A8 !important;*/
  color: var(--description-color) !important;
  font-size: clamp(1rem, 0.9126rem + 0.2427vw, 1.125rem);
  padding: 30px 0 0 0 !important;
 font-weight:bold;
}
.product-title{
 font-size: clamp(1.125rem, 0.9939rem + 0.3641vw, 1.3125rem);
 font-weight:bold;
 color:var(--description-color);
}
.product-desc{
 color:var(--description-color);
}

.menu-list .table tr td:first-of-type{
    width:25%;
}
.menu-list .table tr td img {
  height: 30vh;
  /*padding: 0 .3rem;*/
  /*border-radius: 63% 37% 70% 30%/55% 56% 44% 45%;*/
}

.footer {
  /*background: #FF99A8;*/
  background: var(--main-color);
  color:var(--header-footer-color);
  font-size: clamp(1rem, 0.9126rem + 0.2427vw, 1.125rem);
}
.footerspan {
  color: rgb(251, 241, 255);
}
.footer .social-icons .fa-brands,.footer .social-icons .fa-solid {
  width: 40px;
  height: 40px;
  font-size: clamp(1.125rem, 0.9939rem + 0.3641vw, 1.3125rem);
    color: var(--header-footer-color);
}
a{
    text-decoration: none;
}
.nav-link:focus-visible {
    box-shadow: none;
}

@media (max-width: 576px) {
    .menu .nav.nav-underline .nav-item .nav-link {
     width: 135px;
}
  .menue-header {
    position: relative;
    margin: 0 auto 20px;
    padding: 10px 40px;
    text-align: center;
    /*background-color: #FF99A8;*/
    background-color: var(--main-color);
    border-radius: 20px;
  }
  .menu-list .table tr td img{
      margin: 0 5px;
  }
  .menue-header::before {
    left: -60px;
  }
  .menue-header::after {
    right: -60px;
    transform: scaleX(-1);
  }
  .m-price {
    font-size: 1rem;
  }
  .menu-list .table tr td:first-of-type{
    width:45%;
}
  .menu-list .table tr td:last-of-type{
    width:15%;
}
}/*# sourceMappingURL=style.css.map */